<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据绑定</title>
		<script type="text/javascript" src="./2.6.14/vue.js"></script>

	</head>
	<body>
		<!--准备容器-->
		<div id="root">
			单向数据绑定:<input type="text" v-bind:value="name" />
			</br>
			双向数据绑定v-model只能在表单类元素:<input type="text" v-model:value="name" />
		</div>
		<script type="text/javascript">
			Vue.config.productionTip = false
			//创建VUE实例，容器和vue实例 一对一关系
			const vm = new Vue({
				//el: '#root', //el用于指定当前的vue实例为哪个容器服务器，通常为css选择器字符串
				//data: { //data中用于存储数据，数据供el指定的容器使用。
				//	name: "你好",
				//	url: 'www.baidu.com'
				//},
				data: function() {
					console.log("eq", this)
					return {
						name: "你好",
						url: 'www.baidu.com'
					}
				}
			})
			console.log(vm)
			setTimeout(() => {
				vm.$mount('#root')
			}, 10);
		</script>
	</body>
</html>
